*           { font-size:24px; border:0; }
body        { margin:0; padding:0; border:0; position:relative; background:white; }
table,tr,td { margin:0; padding:0; border-collapse:collapse; border-spacing:0; }
img         { border:0; }
a           { text-decoration:none; }

/* match */
.matchTitle         { color:#fd8ca2; padding:20px; letter-spacing:10px; }
.matchCaption       { color:#fd8ca2; padding:10px 0px 0px 10px; text-align:left; width:50px; }
.matchText          { padding:10px 10px 0px 10px; word-wrap:break-word; }
/* match reg */
.matchRegBtn        { color:#fd8ca2;border:1px solid #fd8ca2;border-radius:5px;padding:10px; }
/* match ret */
.matchRetNav        { width:18%; text-align:center; font-size:16px; border-left:1px solid #cccccc; }
.matchRetRemain     { position:fixed;top:150px;right:20px;font-size:18px;color:white;text-shadow:2px 2px 3px rgba(0,0,0,.8); }
.matchRetPoints     { position:fixed;top:180px;right:20px;font-size:18px;color:white;text-shadow:2px 2px 3px rgba(0,0,0,.8);text-align:center; }
.matchRetRemain font    { color:#fd8ca2; }
.matchRetPoints font    { color:#ffffff; }
.matchRetWords      { position:fixed;bottom:200px;left:100px;font-size:18px;color:white;text-shadow:2px 2px 3px rgba(0,0,0,.8);text-align:center; }
.matchRetVotes      { position:fixed;bottom:200px;right:100px;font-size:18px;color:white;text-shadow:2px 2px 3px rgba(0,0,0,.8);text-align:center; }
.matchRetWords font     { color:#fd8ca2; }
.matchRetVotes font     { color:#fd8ca2; }
.matchRetBBlock     { height:188px }
.matchRetBDiv       { height:188px;position:fixed;left:0px;width:100%;bottom:0px; }
.matchRetBDivC      { height:100%;width:100%;position:relative;text-shadow:2px 2px 3px rgba(0,0,0,.8); }
.matchRetBDivBG     { height:100%;width:100%;position:absolute;background:black;opacity:0.5;z-index:-1; }
.matchRetBDivQR     { position:fixed;right:10px;bottom:120px; }
.matchRetBDivMSG    { position:fixed;left:10px;bottom:120px; }
/* match top */
.matchTopDivT1      { width:620px;height:450px;position:relative;display:inline-block;overflow:hidden;margin:10px 0px 10px 0px; }
.matchTopBGT1       { position:absolute;right:0px;bottom:20px;height:80px;width:310px;background:black;opacity:0.5;border-radius:40px 0px 0px 40px; }
.matchTopCaptionT1  { position:absolute;left:340px;bottom:35px;color:yellow;font-size:48px; }
.matchTopCountT1    { position:absolute;left:460px;bottom:30px;color:white; }
.matchTopNameT1     { position:absolute;left:460px;bottom:60px;color:white; }
.matchTopDivT2      { width:305px;height:305px;position:relative;display:inline-block;overflow:hidden; }
.matchTopBGT2       { position:absolute;right:0px;bottom:10px;height:50px;width:180px;background:black;opacity:0.5;border-radius:25px 0px 0px 25px; }
.matchTopCaptionT2  { position:absolute;left:140px;bottom:20px;color:#fd8ca2; }
.matchTopCountT2    { position:absolute;left:200px;bottom:15px;color:white;font-size:14px; }
.matchTopNameT2     { position:absolute;left:200px;bottom:35px;color:white;font-size:14px; }
.matchTopDivT3      { width:305px;height:305px;position:relative;display:inline-block;overflow:hidden; }
.matchTopBGT3       { position:absolute;right:0px;bottom:10px;height:50px;width:180px;background:black;opacity:0.5;border-radius:25px 0px 0px 25px; }
.matchTopCaptionT3  { position:absolute;left:140px;bottom:20px;color:#fd8ca2; }
.matchTopCountT3    { position:absolute;left:200px;bottom:15px;color:white;font-size:14px; }
.matchTopNameT3     { position:absolute;left:200px;bottom:35px;color:white;font-size:14px; }
.matchTopDiv        { width:200px;height:200px;position:relative;display:inline-block;overflow:hidden; }
.matchTopBG         { position:absolute;right:0px;bottom:0px;height:34px;width:300px;background:black;opacity:0.5; }
.matchTopCaption    { position:absolute;top:0px;right:0px;color:white;background:#fd8ca2;border-radius:25px; }
.matchTopCount      { position:absolute;right:10px;bottom:10px;color:white;font-size:14px; }
.matchTopName       { position:absolute;left:10px;bottom:10px;color:white;font-size:14px; }
.matchTopMyDiv      { position:fixed;left:0;width:100%;bottom:0px;height:100px; }
.matchTopMyBG       { position:absolute;top:0px;left:0px;width:100%;height:100%;background:black;opacity:0.5;z-index:-1; }
/* match msgs */
/* match my match */
.matchMyName        { position:absolute;left:380px;top:30px;color:white;text-shadow:2px 2px 3px rgba(0,0,0,.8); }
.matchMyAddr        { position:absolute;left:380px;top:60px;color:white;text-shadow:2px 2px 3px rgba(0,0,0,.8); }
.matchMyMatch       { position:relative;width:90%;border-radius:25px;color:white; }
.matchMyMatch div   { color:white;text-shadow:2px 2px 3px rgba(0,0,0,.8); }
.matchMyMatch td    { color:white;text-shadow:2px 2px 3px rgba(0,0,0,.8); }
.matchMyState       { position:absolute;right:10px;top:10px;width:50px;height:50px;background:white;border-radius:25px; }
.matchMyState td    { color:black;font-size:14px;}
.matchMyBtn         { border:1px solid white;color:white;padding:10px 30px 10px 30px;border-radius:5px; }